<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	用户名： <input type="text" name="" class="userName"><br>
	密码： <input type="text" name="" class="passWord"><br>
	<button>登录</button>
	<script type="text/javascript">
		let btn = document.querySelector('button')

		btn.onclick = function(){
			//1.application/x-www-form-urlencoded
			let xhr = new XMLHttpRequest()
			//2.
			xhr.open("post", "http://wish.byesame.com/login")
			//请求头
			xhr.setRequestHeader("Content-Type", 'application/x-www-form-urlencoded')
			//发送数据
			xhr.send('userName=admin&passWord=123456')
			//接收数据
			xhr.onreadystatechange = function() {
				if(xhr.readyState == 4){
					let res = JSON.parse(xhr.responseText)
					console.log(res)
					//将token存储到本地 localStorage.setItem("属性名", "属性值")
					if (res.code == 200) {
						localStorage.setItem("token", res.data.token)
						//跳转地址
						location.href = "./04登录token.html"
					}
				}
			}
		}
	</script>
</body>
</html>